<template>
	<view class="all">
		<Totle title="活动专区" class="allTop"></Totle>
		<view>
			<view class="boxActivity">
				<img src="" alt="" class="_img" />
				<view class="boxChil">
					<p style="display: flex;justify-content: space-between;color: white;font-size: 35rpx;">
						<span>开学视频大赛</span>
						<button>进行中</button>
					</p>
					<p>发布视频: <span>巴拉巴拉哔哩哔哩巴拉巴拉</span></p>
					<p>活动时间: <span>2022.2.32 12:45</span></p>
				</view>
			</view>
			<view style="height: 1rem;">
			</view>
		</view>
	</view>
</template>

<script setup>
	import Totle from "../Totle.vue";
</script>

<style lang="scss" scoped>
	.all {
		width: 100vw;
		height: 100vh;
		background-color: black;
	}

	.allTop {
		width: 100%;
		height: 3.5rem;
		margin-bottom: 1rem;
	}

	.boxActivity {
		width: 90%;
		margin: auto;
		background-color: #2f2f3b;
		color: white;
	}

	._img {
		width: 100%;
		height: 7rem;
		border: none;
	}

	.boxChil {
		width: 100%;
		height: 100%;

		button {
			width: 4rem;
			font-size: 20rpx;
			padding: 0.1rem;
		}

		p {
			padding: 0.2rem;
			font-size: 30rpx;
			color: #7f7f7f;
		}

	}
</style>